// 创建vue对象
var vm = new Vue({
    el: "#app",
    data: {
        msg: "Hello Vue"
    },
    components: {
        my_button: {
            // 定义组件模板
            template: "<button type='button' @click='fun1()'>组件按钮(被点击次数{{num}})</button>",
            // 定义方法
            methods: {
                fun1(){
                    this.num += 1
                }
            },
            /*
                data功能和Vue实例中的相同, 但自定义组件中的data是一个函数! 并且用返回值的方式定义属性,如下:
            */
            data(){
                return{
                    num: 0
                }
            }
        }
    }
});